<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    <p>11</p>
    <p>2</p>


    <div class="box">
        
    </div>






    <!-- <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt=""> -->



    <!-- <script src="../js/tools.js"></script> -->
    <script>

        // json格式的字符串

        // jsonp解决跨域问题
        //   src 不受同源策略的影响
        //   前端定义一个函数，后端写特殊的接口(函数调用)
        //   缺点：不能使用post请求


        // src 不受同源策略的约束

        
        // ajax({
        //     type : 'get' , 
        //     path : '../php/jsonp.php' ,
        //     dataType : 'ff' , 
        //     success : res => {
        //         console.log(res);
        //     }
        // })

        // 创建script
        // const oScript = document.createElement('script') ;
        // oScript.src = 'http://localhost/wh2204/day30/%E8%AF%BE%E5%A0%82%E4%BB%A3%E7%A0%81/php/jsonp.php?username=yy&userpwd=123' ;
        // // 添加到页面上
        // document.body.appendChild(oScript) ;



       document.onclick = function() {
            const oScript = document.createElement('script') ;
            oScript.src = 'http://localhost/wh2204/day30/%E8%AF%BE%E5%A0%82%E4%BB%A3%E7%A0%81/php/jsonp_list.php' ;
            // 添加到页面上
            document.body.appendChild(oScript) ;
       }



        // 相当于数据请求成功以后调用
        function cb(res) {
            console.log(res);

        }


    </script>
    
</body>
</html>